<template>
  <div class="contact">
    <Hd></Hd>
    
    <img src="@/assets/img/banner.png" class="banner">

    <div class="container">
      <div class="contact">
        <div class="titleBox">
          <p class="des">助助力企业电子信息化，请联系我们吧</p>
          <h2 class="title">联系我们</h2>
        </div>
        <img src="@/assets/img/test.jpg" class="map">
        <div class="cont">
          <p>地址：北京市朝阳区888号88弄</p>
          <p>电话：888-888888888</p>
          <img src="@/assets/img/test.jpg" class="qrCode">
        </div>
      </div>

    </div>

    <Ft></Ft>
  </div>
</template>
<script>
export default {
  name: "contact",
  data() {
    return {
    }
  },
  methods: {
  },
  created() {
  },
  mounted() {
  }
}
</script>

<style lang="scss">
.contact {
  .banner {
    display: block;
    width: 100%;
    height: 5rem;
  }
  .container {
    padding: 0 0.35rem;
    .contact {
      margin-bottom: 0.5rem;
      .map {
        display: block;
        width: 100%;
        height: 3.1rem;
      }
      .cont {
        background: #fff;
        padding: 0.4rem 0.55rem;
        font-size: 0.32rem;
        p{
          margin-bottom: 0.24rem;
        }
        .qrCode{
          display: block;
          width: 1.2rem;
          height: 1.2rem;
          margin: 0 auto;
        }
      }
    }
  }
}
</style>